<template class="task-template">
  <div id="about-modal" class="about modal">
    <div class="about-wrapper">
      <header class="about-header">
        <img class="about-logo" src="assets/app-icon/png/256.png" srcset="assets/app-icon/png/256.png 1x, assets/app-icon/png/512.png 2x" alt="AbpHelper">
      </header>
      <main class="about-sections">
        <section class="about-section play-along">
          <h2>AbpHelper</h2>
          <p>AbpHelper is a tool to help you with developing Abp vNext applications. It can be used to call ABP CLI, generate code, manage modules, etc. See more at <a href="https://github.com/EasyAbp/AbpHelper.GUI">Github repository<span class="u-visible-to-screen-reader">(opens in new window)</span></a>.</p>
        </section>
        <section class="about-section about-code">
          <h2>About EasyAbp</h2>
            <p><a href="https://github.com/EasyAbp">EasyAbp<span class="u-visible-to-screen-reader">(opens in new window)</span></a> is an open source organization to enhance your ABP project development efficiency. We are always looking forward to your code contribution.</p>
        </section>
        <footer class="about-section footer">
          <div class="rainbow-button-wrapper">
            <button id="get-started" class="about-button modal-hide">Get Started</button>
          </div>
        </footer>
      </main>
    </div>
  </div>
</template>
